/*公共*/
div{display: block;}
body { margin:0; padding:0; font-size:12px;}
* { margin:0; padding:0;}
.left1 { width:190px; float:left; margin-right:10px;}
.right1 { width:750px; float:right;}
#meng { position:fixed; left:0; top:0; background-color:#000; display:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3; z-index:99; }
#edit { z-index:9999; background-color:#eee; display:none; padding:5px 20px; line-height:30px; position:fixed; top:200px; color:#000; text-align:center; font-size:16px; border:5px solid #333; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
#tips { z-index:9999; background-color:#eee; display:none; line-height:30px; position:fixed; top:200px; color:#000; text-align:center; font-size:16px; border:5px solid #333; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
li{list-style: none;}
em{font-style: normal;}


/*头部*/
#hd { width:100%; height:150px; overflow:visible; margin-bottom:10px;}
#hd .logo { width:950px; height:112px; overflow:hidden; margin:0 auto; position:relative;}
#hd .logo h1 { margin-top:15px;}
#hd .logo .top1 { position:absolute; right:0; top:8px; color:#999;}
#hd .logo .top1 a { color:#999; text-decoration:none;}
#hd .logo .top1 a:hover { color:#d50000;}
#hd .logo .top2 { position:absolute; right:0; top:28px; color:#333;}
#hd .logo .top2 a { color:#d50000; text-decoration:none;}
#hd .nav { width:100%; height:38px; display:block; overflow:hidden; background:url(../images/navbg.gif) repeat-x 0 0;}
#hd .nav .menu { list-style:none; width:950px; height:38px; overflow:hidden; margin:0 auto;}
#hd .nav .menu li { float:left; width:auto; padding-top:3px;}
#hd .nav .menu li a { display:block; width:auto; padding-left:20px; height:35px; color:#fff; font-size:16px; font-weight:bold; font-family:"微软雅黑"; text-decoration:none;  line-height:35px;}
#hd .nav .menu li a:hover,
#hd .nav .menu li.curli a { background:url(../images/menubg1.png) no-repeat 0 0;}
#hd .nav .menu li a span { display:block; width:auto; padding-right:20px; height:35px; line-height:35px; }
#hd .nav .menu li a:hover span,
#hd .nav .menu li.curli a span { background:url(../images/menubg.png) no-repeat right 0; color:#000;}

/*页面首页*/
#bd { width:950px; height:100%; overflow:hidden; margin:0 auto;}
#bd .left { width:750px; float:left; overflow:hidden; height:100%;}
#bd .right { width:190px; float:right; overflow:hidden;  height:100%;}
#bd .right .user_login { border:1px solid #ddd; width:188px; overflow:hidden;}
#bd .right .user_login form { display:block; padding:9px; width:170px; overflow:hidden;}
#bd .right .user_login form .formItem,
#bd .right .user_login form .btns { width:170px; height:auto; margin-bottom:5px; position:relative; clear:both; overflow:hidden;}
#bd .right .user_login form .formItem label { width:170px; font-size:13px; font-weight:bold; padding-left:3px; display:block; clear:both;}
#bd .right .user_login form .formItem input { height:18px; padding-top:1px; width:145px;}
#bd .right .user_login form .formItem .name { color:#999;}
#bd .right .user_login form .formItem .verify { width:60px; float:left; margin-right:3px;}
#bd .right .user_login form .formItem #verify { height:22px;  float:left; margin-right:2px; cursor:pointer;}
#bd .right .user_login form .formItem .check { position:absolute; top:18px; line-height:22px; left:45px; width:16px; height:16px; display:none;}
#bd .right .user_login form .formItem .verify_tip { color:#666; line-height:12px; text-decoration:none;}
#bd .right .user_login .userinfo { width:188px; overflow:hidden; height:auto;}
#bd .right .user_login .userinfo .hd { border-bottom:1px solid #ddd; line-height:30px; padding-left:5px;}
#bd .right .user_login .userinfo .hd h3 { font-size:14px; color:#666;}
#bd .right .user_login .userinfo .bd { padding:9px; width:170px; height:auto; overflow:hidden;}
#bd .right .user_login .userinfo .bd p { margin-bottom:6px; line-height:14px; display:block; color:#666;}
#bd .right .user_login .userinfo .bd p.btns { text-align:center; margin-top:8px;}
#bd .right .user_login .userinfo .bd p a { color:#d50000;}
#bd .right .user_login .userinfo .bd p.btns a { color:#666; text-decoration:none;}
#bd .right .user_login .userinfo .bd p.btns a:hover { color:#d50000;}
.left .ks-switchable-content{width: 750px;}
.left .ks-switchable-nav{right: 0;top: 273px;z-index: 99;position: absolute;}
.left .ks-switchable-nav li{float: left;}
.left .ks-switchable-nav a{display: block;padding: 5px;background: #dee6ec;width: 15px;height: 15px;line-height: 20px;text-align: center;border-width: 1px 0 1px 1px;border-style: solid;border-color: #9ea7af;color: #81878c;text-decoration: none;}
.left .ks-active a{background: #25292d;color: #fff;}
.left .ks-switchable-content img {display: block;margin: 0 auto;background: url("http://img02.taobaocdn.com/tps/i2/T16WJqXaXeXXXXXXXX-32-32.gif") no-repeat scroll 50% 50%;}
.item-box {margin: 26px 0 0 0px;}
.item-box .box-title {height: 26px;border-bottom: 2px solid #9a0000;margin-bottom: 15px;}
.item-box .box-title h3 {height: 26px;line-height: 26px;background: url(../images/navbg.gif) repeat-x 0 0;color: #fff;font-family: "Microsoft Yahei";font-weight: 700;font-size: 14px;padding: 0 12px;float: left;}
.item-box .box-title a {display: block;height: 26px;line-height: 26px;width: 60px;float: right;color: #bbb;text-align: right;}
.item-box .item-list {height: 370px;width: 100%;overflow: hidden;}
.items .item, .item-list .item {width: 174px;height: 360px;background: #e6e6e8;float: left;margin-left: 15px;margin-bottom: 10px;border: 1px solid #d4d4d4;-moz-box-shadow: 2px 2px 8px #333;-webkit-box-shadow: 2px 2px 8px #333;}
.item dl {height: 360px;}
.item .item-preview a {display: block;height: 250px;width: 160px;border: 7px solid #fff;margin-bottom: 5px;background: url("http://img02.taobaocdn.com/tps/i2/T16WJqXaXeXXXXXXXX-32-32.gif") no-repeat scroll 50% 50%;}
.item .item-preview a img {width: 100%;height: 100%;display: block;}
.item .item-info {height: 24px;line-height: 24px;width: 158px;overflow: hidden;}
.item dd {color: #888;overflow: hidden;text-align: left;margin: 0 8px;width: 158px;}
.item .item-info .item-price {display: block;float: left;color: #444;font-family: "Arial";font-size: 14px;font-weight: 700;width: 100px;overflow: hidden;}
.item .item-info {line-height: 24px;}
.item .item-info .item-advanced {display: block;float: right;text-indent: -9999px;width: 39px;height: 19px;background: url(../images/colorbtns1.png) 0 -90px no-repeat;}
.item .item-info .item-js {display: block;float: right;text-indent: -9999px;width: 50px;height: 19px;background: url(../images/js1.png) 0 0 no-repeat;}
.item .item-info .item-jy {display: block;float: right;text-indent: -9999px;width: 39px;height: 19px;background: url(../images/jy.gif) 0 0 no-repeat;}
.item .item-info .item-tae {display: block;float: right;text-indent: -9999px;width: 55px;height: 19px;background: url(../images/tae.gif) 0 0 no-repeat;}
.item-info-exp {height: 21px;line-height: 21px;color: #999;}
.item .item-info-exp a {color: #999;}
.item .item-detail {height: 36px;overflow: hidden;}
.item a {color: #444;}




/*注册页面*/
#register { width:948px; height:590px; border:1px solid #e0e0e0; margin:0 auto;}
#register #left { width:584px; border-right:1px solid #e0e0e0; float:left; height:570px; padding:20px 0 0 100px;}
#register #left form .re_o ,#register #left form .re_y {width:570px; height:auto; overflow:visible; margin-bottom:6px; float:left; font-size:12px; color:#9c9c9c;}
#register #left form .re_y p { float: left; display: inline-block; height: 30px; line-height: 30px; margin-right: 15px;}
#register #left form .re_y input { margin-top: 8px; float: left; margin-right: 5px;}
#register #left form .re_o #code { width:205px;}
#register #left form .re_o div ,#register #left form .re_y div { width:570px; height:30px; float:left; line-height:30px;}
#register #left form .re_o div span ,#register #left form .re_y div span { display:block; float:left; width:75px; padding-right:5px; text-align:right; height:30px; line-height:30px; font-size:14px; color:#545454;}
#register #left form .re_o .hidden { float:right;width:120px;text-align:left; }
#register #left form .re_o div span b ,#register #left form .re_y div span b{ font-weight:normal;  padding:0 2px;}
#register #left form .re_o div input { width:330px; height:28px; margin-right: 10px; line-height:28px; text-indent:5px; padding:0;}
#register #left form .re_o .re_c ,#register #left form .re_y .re_c {  text-indent:80px; padding-top:5px;}
#register #left form .re_o #cds { position:relative;}
#register #left form .re_o #cds #codes { width:125px; height:60px; position:absolute; top:2px; left:293px;}
#register #left form .re_o #cds #dianji { display: block; width: 100px; height: 40px; line-height: 20px; text-align:left;}
#register #left form .re_a { width:470px; margin-bottom:15px; height:30px; float:left; line-height:30px; padding-left:80px; font-size:12px; color:#9c9c9c;}
#register #left form .re_a input { float:left;}
#register #left form .re_a div { float:left; line-height:12px; padding-left: 10px;}
#register #left form .re_a .re_b { cursor:pointer; width:119px; height:37px; display:block; background:url(../images/zc.gif) no-repeat 0 0; border:0; padding:0;}
#register #left form .re_o .re_c1 { width:400px; padding-left:80px;height:16px;}
#register #left form .re_o .re_c1 span{height: 15px;width: 80px;float:left;}
#register #left form .re_o .re_c1 p {display:block;width:16px;height:16px;line-height:16px;float:left;margin:0;}
#register #left form .re_o div p { position: relative; text-indent: 15px;}
#register #left form .re_o div p img { position: absolute; top: 10px; left: 0; }

#register #left form .re_o #cds span {position: relative; text-indent: 15px; }
#register #left form .re_o #cds span  img { position: absolute; top: 10px; left: 0; } 

#register #left form .re_o label  ,.cd1  { color: #f66; font-weight: normal;}
#register #left form .phone div input { width:230px;}
#register #left form .phone #getcode { width:80px; cursor:pointer;}
#register #right { width:263px;float:right; height:100%;}
#register #right dl { padding:10px; width:243px; height:auto; overflow:hidden; margin-top:25px; }
#register #right dl dt { font-size:24px; font-family:impact,"微软雅黑"; color:#d50000; text-shadow:2px 2px 5px #FF6;}
#register #right dl dd { font-size:13px; font-family:"微软雅黑"; line-height:14px; margin-top:10px; color:#666; }

/*登录页面*/
.loginbg { width:100%; height:600px; background:url(../images/loginbg.jpg) no-repeat center center; margin-top:-10px;}
#loginInfo { width:500px; height:auto; float:left;}
#loginForm { width:250px; height:auto; background-color:#fff; overflow:hidden; float:right; border:1px solid #ddd; padding:20px 10px; margin-top:80px;}
#loginForm .formItem { width:250px; height:30px; line-height:30px; margin-bottom:15px; overflow:hidden; position:relative;}
#loginForm .formItem label { width:40px; text-align:right; display:block; height:30px; line-height:30px; float:left; margin-right:10px;}
#loginForm .formItem input { width:170px; height:26px; line-height:26px; display:block; float:left;}
#loginForm .formItem #loginName { color:#999;}
#loginForm .formItem input.verify { width:80px; margin-right:4px;}
#loginForm .formItem #verify { display:block; float:left; height:30px; cursor:pointer;}
#loginForm .formItem .verify_tip { float:left; line-height:15px; color:#666;}
#loginForm .formItem .check { position:absolute; top:8px; line-height:22px; left:115px; width:16px; height:16px; display:none;}
#loginForm #loginBtn { display:block; width:240px; height:32px; line-height:32px; font-size:14px; text-align:center; color:#fff; background:url(../images/c.png) no-repeat 0 0; border:0; cursor:pointer;}
#loginForm #loginBtn:hover { background-position:0 -33px;}
#loginForm .formItem .getback { color:#08C; float:left; text-decoration:none;}
#loginForm .formItem .reg { color:#08C; float:right; padding-right:7px;  text-decoration:none;}


/*会员中心页面*/
.usercenter { width:190px; height:auto; overflow:hidden;}
.usercenter .hd { width:190px; height:31px; background:url(../images/usercenter.gif) no-repeat 0 0;}
.usercenter .bd { width:170px; height:auto; overflow:hidden; border:1px solid #ddd; border-top:0; padding:9px;}
.usercenter .bd ul { list-style:none; width:170px; height:auto; overflow:hidden;}
.usercenter .bd ul li { width:170px; height:30px; overflow:hidden; position:relative;}
.usercenter .bd ul li a { display:block; width:155px; height:30px; line-height:30px; overflow:hidden; color:#666; font-size:14px; text-decoration:none; padding-left:15px;}
.usercenter .bd ul li a.add { position:absolute; display:inline; color:#369; width:auto; height:auto; right:10px; font-size:12px;  top:0;}
.usercenter .bd ul li a:hover { color:#d50000;}
.userinfos { width:750px; height:auto; overflow:hidden; }
.userinfos .topinfo { width:484px; height:180px; overflow:hidden; float:left; margin-right:10px; border:1px solid #ccc; padding:2px;}
.userinfos .topinfo .innerbox { width:462px; border:1px solid #dedede; height:158px; overflow:hidden; padding:10px;}
.userinfos .topinfo .innerbox .photo { width:52px; height:158px; float:left; }
.userinfos .topinfo .innerbox .photo img { display:block; border:1px solid #ddd; padding:1px; width:48px; height:48px;}
.userinfos .topinfo .innerbox .photo span { display:block; margin-top:5px; width:52px; text-align:center; letter-spacing:2px; font-family:"微软雅黑";}
.userinfos .topinfo .innerbox .info { float:left; width:auto; height:auto; overflow:hidden; padding-left:15px;}
.userinfos .topinfo .innerbox .info p { line-height:24px; height:24px; overflow:hidden;}
.userinfos .topinfo .innerbox .info p a { color:#369; text-decoration:none;}
.userinfos .topinfo .innerbox .info p.bottom { line-height:35px;}
.userinfos .topinfo .innerbox .info p .name { color:#f60; font-weight:bold; font-size:14px;}
.userinfos .topinfo .innerbox .info p #chong { display:block; float:left; width:auto; height:35px; line-height:35px; background:url(../images/btns.gif) no-repeat right -86px; padding-right:19px; text-decoration:none; margin-right:15px;}
.userinfos .topinfo .innerbox .info p #chong span { display:block; width:auto; height:35px; line-height:35px; background:url(../images/btns.gif) no-repeat 0 0; 
                                                    padding-left:19px; color:#fff; font-size:14px; font-weight:bold;}
.userinfos .topinfo .innerbox .info p #chong:hover { background-position:right -131px;}
.userinfos .topinfo .innerbox .info p #chong:hover span { background-position:0 -45px;}
.userinfos .topinfo .innerbox .info p #tixian { display:block; float:left; width:auto; height:35px; line-height:35px; background:url(../images/btns.gif) no-repeat right -254px; padding-right:19px; text-decoration:none; margin-right:15px;}
.userinfos .topinfo .innerbox .info p #tixian span { display:block; width:auto; height:35px; line-height:35px; background:url(../images/btns.gif) no-repeat 0 -170px; 
                                                     padding-left:19px; color:#000; font-size:14px; font-weight:bold;}
.userinfos .topinfo .innerbox .info p #tixian:hover { background-position:right -298px;}
.userinfos .topinfo .innerbox .info p #tixian:hover span { background-position:0 -214px;}
.userinfos .topnote { width:244px; height:180px; overflow:hidden; border:1px solid #ccc;  padding:2px;}
.userinfos .topnote .innerbox {  width:242px; border:1px solid #dedede; height:178px; overflow:hidden;} 
.userinfos .topnote .innerbox dl { width:242px; height:178px;}
.userinfos .topnote .innerbox dl dt { width:232px; height:28px; line-height:28px; font-size:14px; background-color:#efefef; padding-left:10px; font-weight:bold;}
.userinfos .topnote .innerbox dl dd { width:227px; padding-left:15px; border-bottom:1px dashed #ddd; height:28px; line-height:28px;}
.userinfos .topnote .innerbox dl dd a { color:#000; text-decoration:none;}
.userinfos .ad1 { margin-top:10px;}
.list { width:748px; border:1px solid #ddd; height:auto; overflow:hidden; margin-top:10px;}
.list .ks-switchable-nav { list-style:none; margin:0; padding:0; width:733px; height:31px; background:url(../images/hdbg.gif) repeat-x; padding-top:3px; padding-left:15px;}
.list .ks-switchable-nav a{text-decoration: none;color: #000;width: 48px;height: 31px;display: block;}
.list .ks-switchable-nav li { width:auto; padding:0 15px; cursor:pointer; height:31px; float:left; line-height:31px; margin-right:10px;}
.list .ks-switchable-nav li.ks-active { border:1px solid  #b3cde3; background-color:#fff; border-bottom:0; }
.list .contents { width:728px; height:auto; overflow:hidden; margin:10px;}
.list .ks-switchable-content { width:99999px;}
.list .ks-switchable-content div { width:728px; height:auto; overflow:hidden; float:left;}
.form { width:708px; height:auto; overflow:hidden; border:1px solid #ddd; padding:20px;}
.form h3 { width:708px; height:30px; line-height:30px; font-size:16px; background-color:#999; color:#fff; text-align:center;}
.form ul { list-style:none; padding-left:120px;}
.form ul li { margin-top:20px; height:30px; line-height:30px; overflow:hidden;}
.form ul li label { display:block; float:left; width:100px; text-align:right; margin-right:15px; font-size:14px; }
.form ul li input { width:242px; height:26px; line-height:26px; display:block; float:left; padding-left:8px; }
.form ul li .btn { width:auto; padding:0 10px; margin-left:115px; cursor:pointer; margin-right:15px;}
.form a { color:#369; text-decoration:none;}
.form .title { width:300px; height:140px; height:33px; line-height:33px; padding-left:230px;}
.form .title i { display:block; float:left; margin-right:15px; width:97px; height:33px; background:url(../images/alipay.png) no-repeat -60px -19px;}
.form .title h1 { float:left; display:block; }
.form #chongzhi_tip { width:350px; margin:15px auto; border:1px dashed #f5c0c0; background-color:#f7f5e0; padding:15px;}
.form #chongzhi_tip dt { font-size:14px; font-weight:bold; color:#d50000;}
.form #chongzhi_tip dd { padding-left:5px; line-height:20px; margin-top:10px;}
.form #chongzhi_tip dd b { color:#d50000;}

/*模板展示页面*/
.filter { width:190px; height:auto; overflow:hidden; padding:10px; position:absolute; left:-230px; top:0; background-color:#ececec; color:#333;}
.filter h1 { font-size:20px; line-height:30px;}
.filter .filter-item { margin:15px 0; clear:both; width:190px; height:auto; overflow:hidden;}
.filter .filter-item h3 { font-size:14px; margin-bottom:5px;}
.filter .filter-item ul { list-style:none;}
.filter .filter-item ul li { float:left; display:block; width:90px; height:25px; line-height:25px; margin:0 4px 4px 0;position: relative;}
.filter .filter-item ul .i i{display: block;width: 12px;height: 10px;background: url(../images/i.png) 0 -58px no-repeat;position: absolute;right: 8px;top: 8px;}
.filter .filter-item ul li a { display:block; width:80px; height:25px; padding-left:10px; background-color:#333; color:#fff; text-decoration:none;}
.filter .filter-item ul li a:hover { background-color:#000;}
.filter .filter-item ul .colors { clear:both;}
.filter .filter-item ul .colors a { display:block; width:27px; height:18px; float:left; margin:0 4px 4px 0; position: relative;}
.filter .filter-item ul .colors .i i{top: 6px;}
.temps { width:1000px; height:auto; overflow:hidden;}
.temps .temp-item { width:180px; padding:10px; float:left; height:auto; overflow:hidden;}
.temps .temp-item .pic { width:180px; height:auto; margin-bottom:5px; overflow:hidden;}
.temps .temp-item .pic a { display:block; width:180px; height:auto; overflow:hidden;}
.temps .temp-item .pic a img { width:180px; border:0;}
.temps .temp-item:hover { background-color:#eee;}
.temps .temp-item .title { width:180px; line-height:15px; overflow:hidden; height:30px; margin-bottom:5px;}
.temps .temp-item .title a { color:#333; text-decoration:none;}
.temps .temp-item .price { height:14px; line-height:14px; overflow:hidden; width:180px; overflow:hidden; clear:both;}
.temps .temp-item .price .site{ float:left; color:#d50000;}
.temps .temp-item .price .tao { float:right; color:#666;}
.breadcrumb {margin: 5px;overflow: hidden;height: 21px;line-height: 21px;padding-bottom: 8px;border-bottom: 1px solid #666972;}
.breadcrumb .title {float: left;display: block;color: #000;margin-right: 10px;}
.breadcrumb ul {float: left;list-style: none;}
.breadcrumb li {float: left;color: #fff;margin-right: 10px;background: #383b43;padding-right: 5px;}
.breadcrumb li span {display: block;float: left;background: #383b43;padding: 0 5px 0 10px;}
.breadcrumb li a {width: 21px;height: 21px;display: block;float: left;background: url(../images/close.png) center center no-repeat;cursor: pointer;}
.breadcrumb li a:hover{background: url(../images/closeh.png) center center no-repeat;}
.wrapper {height: 30px;line-height: 30px;}
.wrapper .filter-order {float: left;list-style: none;}
.wrapper .filter-order li{float: left;margin-right: 5px;background: #2a2c30;height: 28px;border-width: 1px 0 1px 0;border-style: solid;border-color: #1a1b1f #666972 #666972 #666972;position: relative;}
.wrapper .down a {background: url(../images/i.png) -65px -48px no-repeat;}
.order .select-term {display: block;float: left;width: 96px;height: 28px;line-height: 30px;text-indent: 10px;color: #bbb;}
.order .select-btn {height: 28px;width: 24px;display: block;float: left;padding: 0;background: url(../images/i.png) 0 0 no-repeat;cursor: pointer;}
.order .item-term {position: absolute;width: 120px;background: #fff;left: 0;top: 29px;display: none;background: #2a2c30;list-style: none;}
.order .item-term li {height: 25px;width: 120px;line-height: 25px;text-indent: 10px;border: 0;border-bottom: 1px solid #33363f;color: #999;cursor: pointer;}
.order .item-term li:hover{background: #000;}
.wrapper li a {display: block;float: left;color: #9b9b9b;text-decoration: none;padding: 0 20px 0 10px;}
.wrapper .sale {width: 110px;}
.wrapper .sale a {background: url(../images/i.png) -12px -175px no-repeat;}
.wrapper .way .at{background: url(../images/i.png) -65px -132px no-repeat;}
.wrapper .way .b{background: url(../images/i.png) -65px -132px no-repeat;display: none;}
.wrapper .way .t1{background: url(../images/i.png) -65px -132px no-repeat;display: none;}
.wrapper .way .b1{display: none;}
.wrapper .sale .s2 {background:url(../images/i.png) -12px -201px no-repeat;display: none;}

/* 完善模板信息 */
.mode{width: auto; height: auto;margin:0 auto;display: block;overflow: hidden; font-family:"微软雅黑"; font-size:12px;}
.mode .head{height: 35px;line-height: 35px;text-align: center; cursor:move; background-color:#333; color:#fff;}
.mode .head h3 { font-size:16px; font-family:"微软雅黑";}
.mode .con{display: block;overflow: hidden;padding:20px;}
.mode .con .formwork{ height:25px;overflow: hidden; margin-bottom:5px;}
.mode .con .formwork .title{ float: left;width:50px;text-align:right; line-height: 25px;}
.mode .con .formwork .c{float: left;height: 25px;overflow: hidden;line-height: 25px;padding-left: 15px;}
.mode .con .formwork .c select { width:92px;}
.mode .con .submit{padding-left: 20px;}
.mode .con .submit input{width: 40px;height: 20px;background: #fff;border: 1px #000 solid;cursor: pointer;margin-right: 10px;}

/* 详情列表 */
/*.detail-up {background: url(../images/hbg.jpg) repeat scroll 0 0 transparent;}*/
.detail-up .template-info, .detail-up .layout {width: 950px;margin-left: auto;margin-right: auto;display: block;overflow: hidden;}
.detail-up .template-info {padding: 20px 0 50px;}
.detail-up .template-info .col-main {float: left;width: 100%;min-height: 1px;}
.detail-up .template-info .template-image {height: 400px;padding: 15px;border-right: 1px solid #d4d4d4;background-color: #ffffff;}
.detail-up .template-info .col-sub {float: left;margin-left: -100%;overflow: hidden;width: 256px;}
.detail-up .template-info .main-wrap {margin-left: 287px;overflow: hidden;}
.template-info .template-detail {background-color: #f0f0f0;position: relative;}
.template-detail .advanced-mark{background: url(../images/g.png);background-position: 0 -116px;height: 37px;width: 61px;position: absolute;left: -1px;top: 3px;}
.template-detail .jy{background: url(../images/jy.jpg) 0 0 no-repeat;height: 37px;width: 61px;position: absolute;left: -1px;top: 3px;}
.template-detail .jsm{background: url(../images/js.png) 0 0 no-repeat;height: 34px;width: 70px;position: absolute;left: -1px;top: 3px;}
.template-detail .sale-info {padding-left: 64px;padding-right: 30px;margin-top: 40px;height: 230px;}
.template-detail .sale-info  .fon{overflow: hidden;margin-top: 15px;}
.sale-info h2 {font-size: 30px;font-weight: 400;color: #484b54;line-height: 40px;}
.sale-info .contents {float: left;width: 100%;padding-bottom: 10px;font-family: "Microsoft Yahei";font-size: 16px;font-weight: 400;color: #474952;}
.sale-info .red{color: red;}
.sale-info .li{text-decoration: line-through;}
.sale-info .li dt{text-decoration: line-through;}
.sale-info .contents dt {float: left;}
sale-info .contents dd {float: left;}
.template-detail .btn-list {float: left;margin: 11px 0;padding-left: 64px;}
.btn-list .btn-buy{background: url(../images/g.png) no-repeat 0 0 ;width: 142px;height: 53px;float: left;margin-right: 10px;cursor: pointer;}
.btn-list .btn-prev{width: 142px;height: 53px;float: left;margin-right: 10px;background: url(../images/g.png) no-repeat -155px 0 ;}
.template-detail .separation-line {height: 1px;background-color: #d4d4d4;clear: left;float: left;width: 100%;margin-top: 35px;_margin-top: 29px;overflow: hidden;}
.template-detail .sns-section {clear: left;float: left;padding-top: 15px;padding-bottom: 15px;width: 100%;}
.sns-section .designer {float: left;height: 19px;margin-right: 10px;padding-left: 64px;}
.sns-section .designer .nick {font-family: "Microsoft Yahei";font-size: 14px;font-weight: 400;color: #333;float: left;margin-right: 5px;text-decoration: none;}
.detail-down {background-color: #f0f0f0;border-bottom: 1px solid #d4d4d4;}
.detail-down .layout {width: 980px;margin: 0 auto;position: relative;padding: 20px 0;}
.detail-down .mkmenu .tabbar {position: absolute;top: -30px;left: 0;list-style: none;}
.tabbar li.selected {background: #f0f0f0;_width: 60px;font-weight: 600;color: #333;}
.tabbar li {float: left;width: 60px;text-align: center;height: 18px;line-height: 18px;_height: 20px;_line-height: 20px;padding: 6px 10px;_padding: 5px 10px;margin-right: 1px;font-family: "Microsoft Yahei";font-size: 14px;font-weight: 400;color: #474a52;cursor: pointer;outline: none;hide-focus: expression(this.hideFocus=true);}
.mkmenu .tab-content {border: 1px solid #d4d4d4;background: #fff;padding: 20px;}

.tg{display: block;width: 300px; font-size:14px; font-family:"微软雅黑";}
.tg .ce{width: 200px;margin: 0 auto;text-align: center;line-height: 30px;}
/*.tg .ce .in{height: 30px;}*/
/*.tg .ce .in input{width: 0px;}*/
.tg .ce h3{color: #000;font-size: 18px;}
.tg .ce .tx{font-size: 14px;}
.tg .ce .tx a{text-decoration: none;color: #000;margin-right: 15px;}


/* bill */
#setrate { display:none;}
.topadmin { width:728px; height:auto; overflow:hidden; margin-bottom:15px;}
.topadmin span { display:block; float:left; line-height:26px; overflow:hidden; height:26px; width:auto;}
.topadmin select { display:block; height:26px; line-height:26px; float:left; margin-right:10px;}
.topadmin input { width:50px; height:22px; line-height:22px; margin-right:10px;}
.topadmin #submit { width:auto; padding:0 10px; height:26px; line-height:26px;}	
.ops { height:30px; width:728px; margin:10px 0;}
.ops a { display:block; width:auto; padding:0 10px; height:20px; line-height:20px; text-align:center; border:1px solid #aaa; background-color:#eee; text-decoration:none; float:left; margin-right:10px; color:#000;}
.ops a:hover { background-color:#666; color:#fff;}
.templist { width: auto; height:auto; overflow:hidden;}
.templist .list-title { height:30px; line-height:30px; font-weight:bold; border-bottom:2px solid #eaeaea; margin-bottom:10px;}
.templist .temp-item { height:26px; line-height:26px; clear:both; padding:15px 0;position: relative;}
.templist .temp-item .po{position: absolute;left: 330px;top: 80px;height: 20px;width: auto;display: block;color: red;line-height: 20px;}
.templist span { display:block; float:left;}
.templist span input { margin-top:0px;}
.templist .id { width:30px; text-align:center; margin-right:10px;}
.templist .title { width:130px; text-align:center; margin-right:10px;}
.templist .frontpage { width:100px; text-align:center; margin-right:10px;}
.templist .price { width:60px; text-align:center; margin-right:10px;}
.templist .count { width:60px; text-align:center; margin-right:10px;}
.templist .count1 { width:60px; text-align:center;}
.templist .rate { width:60px; text-align:center;}
.templist .rate em{font-style: normal;}
.templist .status { width:50px; text-align:center;}
.templist .op { width:120px; text-align:center;}
.templist .op span{padding-left: 35px;}

#index_login { display:block; width:190px; height:62px; }